
import { useIntersectionObserver } from '@vueuse/core'
// 图片懒加载插件
export const lazyPlugin={
  install(app) {
  // 自定义指令
  app.directive('img-lazy', {
    mounted(el,binding) {
      const { stop } = useIntersectionObserver(
        el,// 指定元素
        // isIntersecting 表示这个元素是否进入视口区 是个boolean
        ([{ isIntersecting }]) => {
          // 进入视口区
          if(isIntersecting) {
            el.src=binding.value
            // 停止
            stop()
          }
        },
      )
    }
  })
}
}